

$(".container").on('click','a',function(e){

  e.preventDefault(); 

  var that = $(this).attr('href');
  var id = $(this).attr('id');


  $(that).css({
    transition: 'all .3s',
    transform:'translateX(0)'
  }).siblings().css({
    transform:'translateX(100%)'
  })

  if(e.target.parentNode.nodeName=='NAV'){
    var index = $(this).index();
      $("mark").animate({
      left:index*25+"%"
    })
  }
  inTo($(this));
})





function inTo(that){

  var href = that.attr("href");
  console.log(href)
  if(href=='#list'){
    $(".fan").attr("href",'#home');
    $(".fan").show();
    $(".tu").hide();
    $(".yi").show();
  }else if(href=='#home'){
    $(".fan").hide();
    $(".tu").show();
    $(".yi").hide();
    $("header").show();
    $("footer").show();
  }
  else if(href == '#list3'){
    $("header").hide();
    $("footer").hide();
  }

} 